// import '@wangeditor/editor/dist/css/style.css' // 引入 css

// import React, { useState, useEffect } from 'react'
// import { Editor, Toolbar } from '@wangeditor/editor-for-react'
// // import { IDomEditor, IEditorConfig } from '@wangeditor/editor'
// import store from '../../store'

// function MyEditor() {
//     const [editor, setEditor] = useState(null) // 存储 editor 实例
//     const [html, setHtml] = useState('<p>hello</p>') // 编辑器内容

//     // console.log(html);

//     // 模拟 ajax 请求，异步设置 html
//     // useEffect(() => {
//     //     setTimeout(() => {
//     //         setHtml('<p>hello&nbsp;world</p>')
//     //     }, 1500)
//     // }, [])

//     const toolbarConfig = {}
//     const editorConfig = {
//         placeholder: '请输入内容...',
//     }

//     // 及时销毁 editor ，重要！
//     useEffect(() => {
//         return () => {
//             if (editor == null) return
//             editor.destroy()
//             setEditor(null)
//         }
//     }, [editor])

//     const change = (editor) => {
//         // editor => setHtml(editor.getHtml())
//         setHtml(editor.getHtml())
//         store.lijuhua.setA(editor.getHtml())
//         console.log('富文本组件', store.lijuhua.a)
//     }
//     return (
//         <>
//             <div style={{ width: '640px', border: '1px solid rgb(204,204,204)', zIndex: 100 }}>
//                 <Toolbar
//                     editor={editor}
//                     defaultConfig={toolbarConfig}
//                     mode="default"
//                     style={{ borderBottom: '1px solid rgb(204,204,204' }}
//                 />
//                 <Editor
//                     defaultConfig={editorConfig}
//                     value={html}
//                     onCreated={setEditor}
//                     onChange={change}
//                     mode="default"
//                     style={{ height: '200px', 'overflowY': 'hidden' }}
//                 />
//             </div>
//             {/* <div style={{ marginTop: '15px' }}>
//                 {html}
//             </div> */}
//         </>
//     )
// }

// export default MyEditor
